<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css选择器</title>
    <style type="text/css">
        .dv{
            color: black;
        }
        #div{
            color: orange;
        }
        div{
            color: blue;
        }
        *{
            color: aqua;
        } 
    </style>
</head>
<body>
<!--选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器-->
    <div id="div" class="dv" style="color: red">
        我是一个div，用来测试不同选择器的优先级
    </div>
</body>
</html>